﻿/*
    Stylesheet for Creative Style
*/

/*Added by pat*/

.k-widget *
{
	box-sizing: content-box !important;
}

.k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-numerictextbox, .k-dropdown, .k-selectbox, .k-textbox {
    width: 100%;
	margin-bottom: 15px;
	
}

.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {  
}

body {
    font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    font-weight: 400;
    color: #222;
	background: #EFEFEB;
}

.hidden
{
	display: none !important;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}

.error
{
	color: #D64937;
}

#wrapper .button
{
	border: 0;
	box-shadow: 0;
	border-radius: 3px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	padding: 10px 20px;
	height: 40px;
	line-height: 1.5em;
	border: 1px solid #223c98;
	background: #499bea; /* Old browsers */
	background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
	opacity: 0.9;
}

#wrapper .ibutton i
{
	font-size: 16px;
	text-align: left;
	margin-left: -10px;
}

	#wrapper .button:hover
	{
		opacity: 1;
	}

	#wrapper .button.success
	{
		background: #64b23a; /* Old browsers */
		background: -moz-linear-gradient(top,  #64b23a 0%, #2c9314 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64b23a), color-stop(100%,#2c9314)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #64b23a 0%,#2c9314 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #64b23a 0%,#2c9314 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #64b23a 0%,#2c9314 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #64b23a 0%,#2c9314 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64b23a', endColorstr='#2c9314',GradientType=0 ); /* IE6-9 */
		border-color: forestgreen;
	}

	#wrapper .button.secondary
	{
		background: #AFAFAF; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
		color: #444;
		border-color: #999;
	}

	#wrapper .button.alert
	{
		background: #f92d00; /* Old browsers */
		background: -moz-linear-gradient(top,  #f92d00 1%, #db3434 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f92d00), color-stop(100%,#db3434)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f92d00 1%,#db3434 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f92d00 1%,#db3434 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f92d00 1%,#db3434 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f92d00 1%,#db3434 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f92d00', endColorstr='#db3434',GradientType=0 ); /* IE6-9 */
		border-color: firebrick;
	}

footer
{
	background: #F2F2F2;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	padding: 20px 0;
	margin-top: 10px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
	font-family: "Museo500";
}

.alt-style-small
{
	font-family: "Museo300";
	font-weight: normal;
}


.alt-style-medium
{
	font-family: "Museo500";
	font-weight: normal;
}

.alt-style-large
{
	font-family: "Museo700";
	font-weight: normal;
}

form label
{
	margin-top: 5px !important;
}

.input-validation-error {
    border: 2px solid #D64937 !important;
}

a {
    color: #159CE9;
}

strong {
    font-weight: 600;
}

.inline
{
	display: inline;
}

.button {
    background: #4B8DF8;
    font-weight: 300;
}

    .button:hover {
        background: #3F83F1;
    }

.button.success {
    background: #3A8E00;
}

    .button.success:hover {
        background: #29691D;
    }

.button.alert {
    background: #D64937;
}

.white
{
	background: white;
}

.site-head
{
	background: #424242;
}

.top-bar {
    background: #342C49;
	font-family: "Museo300";
	font-weight: normal;
	margin: 0;
	padding: 0;
	height: 80px	;
}

	.top-bar > .row
	{
		width: 1024px;
	}

	.top-bar .name > a
	{
		font-size: 18px !important;
		font-family: "Museo300";
	}

	.top-bar ul.right > li
	{
		height: 80px;
		line-height: 80px;
		border-right: 0;
		border-left: 0;
	}

	.top-bar ul li.active
	{
		background: inherit;
		color: #fff;
	}

	.top-bar ul li:hover
	{
		background: inherit;
		color: inherit;
	}

		.top-bar ul li a:hover
		{
			background: #205081;
		}

#wrapper .top-bar .toggle-topbar a
{
	min-width: 0;
    height: auto;
}

	#wrapper .top-bar li > a
	{
		font-size: 14px;
		height: auto;
		font-weight: normal;
		height: 80px;
		line-height: 80px;
	}

#wrapper .top-bar ul.dropdown > li > a
{
	height: auto;
	line-height: normal;
}

	#wrapper .top-bar .right > li > a
	{
		
	}

	#wrapper .top-bar li > a:before
	{
		padding-right: 4px;
		color: #DDD;
		text-align: center;
	}

#wrapper .top-bar ul > li:hover a, .top-bar ul > li.active a
{
	color: #fff;
}

	#wrapper .top-bar li:hover > a:before
	{
		color: #fff;
	}

#wrapper ul.sitemap
{
	display: inline-block;
	height: 34px;
	border: 1px solid #c9c9c9;
	list-style: none;
	border-radius: 3px;
	margin-top: 10px;
	background: white;
}

	ul.sitemap > li
	{
		float: left;
		height: 32px;
	}

	ul.sitemap > li.unavailable > a
	{
		font-weight: normal;
		cursor: default;
		opacity: 0.7;
	}

		ul.sitemap > li.current > a, ul.sitemap > li.current > a:hover
		{
			background: #342C49;
			color: #fff;
		}

		ul.sitemap > li.current > a:after, ul.sitemap > li.current > a:hover:after
		{
			border-left: 8px solid #342C49;
		}

	ul.sitemap > li > a
	{
		display: inline-block;
		width: 100%;
		height: 100%;
		text-align: center;
		line-height: 2.2;
		font-weight: normal;
		font-size: 14px;
		font-family: "Museo500";
		color: #777;
		position: relative;
		padding: 0px 20px;
		background: #fff;
	}

		ul.sitemap > li > a:before
		{
			content: " ";
			display: block;
			width: 0;
			height: 0;
			border-top: 17px solid transparent;
			border-bottom: 17px solid transparent;
			border-left: 8px solid #ccc;
			position: absolute;
			top: 50%;
			margin-top: -17px;
			margin-left: 1px;
			left: 100%;
			z-index: 1;
		}

		ul.sitemap > li > a:after
		{
			content: " ";
			display: block;
			width: 0;
			height: 0;
			border-top: 17px solid transparent;
			border-bottom: 17px solid transparent;
			border-left: 8px solid #fff;
			position: absolute;
			top: 50%;
			margin-top: -17px;
			left: 100%;
			z-index: 2;
		}

		ul.sitemap > li > a:hover
		{
			background: whiteSmoke;

		}
			ul.sitemap > li > a:hover:after
			{
				border-left: 8px solid whiteSmoke;
			}

		ul.sitemap  .Home-Index > a, ul.sitemap  .Home-Index > a:hover
		{
			background: #ddd !important;
		}
			ul.sitemap  .Home-Index > a:after, ul.sitemap  .Home-Index > a:hover:after
			{
				border-left: 8px solid #ddd;
			}

			

	ul.sitemap .icon-home
	{
		font-size: 20px;
		line-height: 1.5;
	}

.user-display
{
	display: block;
	height: 32px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

	.user-display > img
	{
		margin: 4px;
		border-radius: 50%;
		box-shadow: 0px 0px 3px #666;
		float: left;
	}

	.user-display > span
	{
		display: inline-block;
		float: left;
		height: 32px;
		line-height: 2;
		padding-left: 5px;
	}

#body {
    padding: 0 0;
}

#main {
	min-height: 600px;
	margin-bottom: 50px;
	position: relative;
	z-index: 2;
	padding-top: 5px;
}

.item-label {
    width: 130px;
    display: inline-block;
}

.profile-image {
    border: 10px solid #fff;
    box-shadow: 0px 0px 15px #ccc;
}

#add-client
{
	border: 1px solid #ccc;
	padding-bottom: 20px;
	background: #e5e5e5;
}

.sidebar h5
{
	text-align: center;
	padding: 10px;
	background: whitesmoke;
	border: 1px solid #ccc;
	margin-bottom: 0;
}

.searchbar
{
	position: relative;
}

	.searchbar i
	{
		position: absolute;
		display: block;
		top: -2px;
		left: 15px;
		font-size: 25px;
		color: #111;
	}

#clientList ul
{
	list-style: none;
	top: 0 !important;
}

	#clientList ul li a
	{
		font-weight: 300;
		font-size: 18px;
		display: block;
		background: #F6F6F6;
		border: 1px solid transparent;
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 5px 5px;
        color: #444;
		min-height: 45px;
		text-indent: 50px;
		position: relative;
	}

		#clientList ul li a img
		{
			position: absolute;
			left: 5px;
			top: 5px;
		}

		#clientList ul li a:after
		{
			content: "\e067";
			font-family: 'icomoon';
			display: inline-block;
			float: right;
		}

		#clientList ul li a:hover, .ui-state-hover
		{
			border: 1px solid #ccc !important;
            color: #4B8DF8 !important;
		}

#wrapper .event-autocomplete a
{
	text-indent: 10px;
	color: #fff !important;
}

	#wrapper .event-autocomplete a:hover, .event-autocomplete .ui-state-hover
	{
		border: none !important;
		opacity: 0.5;
		color: #fff !important;
	}

.event-autocomplete i
{
	padding-right: 20px;
}

.form-row
{
	
	border-bottom: 1px solid #eee;
	padding: 10px 0;
}

	.form-row h5
	{
		word-wrap: break-word;
		font-size: 15px;
		font-family: Helvetica, Arial, sans-serif;
	}

.form-icon
{
	font-size: 35px;
	line-height: 45px;
	text-align: right;
}

.blue-head
{
	background-color: cornflowerblue;
	color: #fff;
	padding: 15px;
}

.fc-grid .fc-event-time
{
	display: block;
}

.fc-other-month
{
	opacity: 0.6;
	background: #f2f2f2;
}

.fc-header-title h2
{
	font-size: 18px;
}

.fc-event-vert .fc-event-time
{
	font-size: 11px;
	padding: 2px;
}

#login
{
	background: #ccc;
}

	#login .form
	{
		background: #f7f7f7;
		margin-top: 0px;
		padding: 10px 25px;
		border-radius: 3px;
		box-shadow: 0px 0px 15px #AAA;
	}

.k-dropdown
{
	width: 100%;
}

/*.k-dropdown .k-dropdown-wrap
{
	padding-top: 2px;
	padding-bottom: 9px;
}*/

.cmbx
{
	height: auto !important;
}

.timeago
{
	display: inline-block;
	width: 100%;
	margin-bottom: 8px;
	padding-bottom: 1px;
	font-size: 11px;
}

.panel
{
	padding-bottom: 30px;
}

.event-icon
{
	font-size: 72px;
}

.filter-events
{
	display: inline-block;
	width: 18px;
}

#calendar
{
	position: relative;
}

.ajax-loader
{
	position: absolute;
	top: 20%;
	left: 50%;
}

#wrapper .three-digits, #wrapper .four-digits
{
	display: inline-block;
}

#wrapper .two > .three-digits
{
	width: 70%;
}

#wrapper .four > .three-digits
{
	width: 31%;
}

#wrapper .four > .four-digits
{
	width: 41%;
}

#wrapper .extension
{
	width: 80%;
	display: inline-block;
}

.icomoon
{
	font-family: 'icomoon';
}

.delete-phone
{
    margin-left: 5px;
	color: #444;
}

select
{
    border: 1px solid #CCC;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    padding: 6px;
    height: 32px;
}

.phone-row select {
    width: 80%;
}

.action-list
{
	margin-left: 0px;
	border-left: 5px solid #ccc;
}

	.action-list h5
	{
		padding: 10px;
		margin-left: -32px;
		background: #CCC;
		display: inline-block;
		border-radius: 10px;
		font-size: 12px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

		.action-list h5:first-child
		{
			margin-top: 0px;
		}

.action-list li
{
	position: relative;
	padding: 10px 0 10px 40px;
	border-top: 1px solid #ccc;
}

	.action-list a
	{
		font-weight: bold;
		color: #E7350A;
	}

	.action-list .user
	{
		font-weight: bold;
		color: #030303;
	}

	.action-list li abbr
	{
		border: 0;
	}

		.action-list li i
		{
			font-size: 20px;
			border: 1px solid #AAA;
			border-radius: 50%;
			width: 48px;
			height: 48px;
			display: block;
			color: #fff;
			vertical-align: baseline;
			line-height: 1.9;
			text-indent: 9px;
			position: absolute;
			left: -27px;
			background: white;
			border: 5px solid white;
			box-shadow: 2px 2px 4px #AAA;
			text-shadow: 0px 1px 2px #111;
		}

			.action-list li.updated i
			{
				background: cornflowerBlue;
			}

			.action-list li.created i
			{
				background: #3A8E00;
			}

			.action-list li.payment i
			{
				background: #63645D;
			}

			.action-list li.deleted i
			{
				background: #E62929;
			}

.panel-lite
{
	padding: 15px;
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	position: relative;
	margin-bottom: 10px;
}

	.panel-lite i
	{
		font-size: 52px;
		position: absolute;
		top: 15px;
		right: 5px;
		color: #999;
	}
	

.event-list
{
}

	.event-list li
	{
		display: block;
		margin-top: 5px;
		margin-bottom: 5px;
		height: 45px;
	}

		.event-list li:hover
		{
			box-shadow: 0px 0px 7px rgba(90, 90, 90, 0.83);
		}

		.event-list li a
		{
			width: 100%;
			position: relative;
			height: 45px;
			border: 1px solid #C5C5C5;
			overflow: hidden;
			color: #666;
			
		}

		.event-list li a span.event-date
		{
			font-weight: bold;
			width: 40px;
			height: 45px;
			position: absolute;
			color: #fff;
			text-shadow: 1px 1px #444;
			padding-right: 3px;
		}

			.event-list li a span.event-title
			{
				text-overflow: ellipsis;
				width: 100%;
				font-size: 18px;
			}

				.event-list li a span.event-title p
				{
					font-size: 13px;
					width: 100%;
					display: block;
					overflow: hidden;
					height: 25px;
					white-space: nowrap;
					text-overflow: ellipsis;
					margin-top: 3px;
					padding-left: 45px;
					padding-right: 10px;
					margin-bottom: 0;
					font-weight: bold;
				}

				.event-list li a span.event-title > span
				{
					width: 100%;
					padding-left: 45px;
					font-size: 11px;
					color: #888;
					margin-top: -6px;
					display: block;
				}

			.event-date span.event-dd
			{
				margin-top: -3px;
				display: block;
				text-align: center;
				font-size: 23px;
			}

			.event-date span.event-mm
			{
				display: block;
				text-align: center;
				text-transform: uppercase;
				margin-top: -10px;
			}

#omnisearch
{
	width: 270px;
	margin-top: 20px;
	margin-left: 5px;
	height: 40px;
	border-radius: 4px;
	transition: all 0.15s linear;
	-webkit-transition: all 0.15s linear;
	padding-left: 45px;
	font-size: 16px;
}

.ui-autocomplete
{
	width: 270px !important;
	z-index: 999 !important;
	background: #fff;
	list-style: none;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	border: 1px solid #DDD;
	-webkit-transition: all 0.1s linear;
}

.ui-autocomplete-loading {
	background: #fff url('../images/ajax-loader.gif') no-repeat right center 
}

	.ui-autocomplete li a
	{
		padding: 7px 4px;
		display: block;
		position: relative
	}

		.ui-autocomplete li a:hover, .ui-state-hover
		{
			border: 0 !important;
			background: rgba(4, 98, 163, 0.98) !important;
			color: #fff !important;
		}

		.ui-autocomplete li a > span.text
		{
			position: absolute;
			display: block;
			top: 0;
			left: 0;
			padding-left: 50px;
			padding-top: 10px;
			overflow: hidden;
			height: 32px;
			text-overflow: ellipsis;
			white-space: nowrap;
			padding-right: 10px;
			width: 100%;
		}

		.ui-autocomplete li a > span.subtext
		{
			position: absolute;
			display: block;
			top: 0;
			left: 0;
			padding-left: 50px;
			padding-top: 30px;
			overflow: hidden;
			font-size: 11px;
		}

	.ui-autocomplete li a > i
	{
		height: 40px;
		width: 40px;
		font-size: 26px;
		color: #aaa;
		display: inline-block;
		text-align: center;
		background: #eee;
	}

	.ui-autocomplete li.ui-autocomplete-category
	{
		background: #ddd;
		font-weight: bold;
		padding: 4px 10px;
	}

#location-details #map_canvas
{
	border: 1px solid #ddd;
}

#location-details .location-info
{
	background: rgba(255, 255, 255, 0.9);
	position: absolute;
	bottom: 1px;
	left: 152px;
	padding: 0px 15px;
	z-index: 9;
}

#location-details .location-photo
{
	background: #eee;
	position: absolute;
	left: 15px;
	bottom: -5px;
	height: 140px;
	width: 140px;
	border: 10px solid #fff;
	box-shadow: 3px 3px 3px #aaa;
	z-index: 10;
	text-align: center;
	overflow: hidden;
}

	#location-details .location-photo > img
	{
		border: 1px solid #EEE;
		text-align: center;
		height: 100%;
		position: relative;
		z-index: 9;
	}

	#location-details .location-photo > a
	{
		margin-top: 75px;
		font-size: 11px;
		visibility: hidden;
		position: absolute;
		z-index: 999;
		bottom: 5px;
		left: 7px;
		opacity: 1;
		width: 90%;
	}

	#location-details .location-photo:hover > a
	{
		visibility: visible;
	}

	#location-details .location-photo > i
	{
		font-size: 85px;
		text-align: center;
		padding-top: 10px;
		vertical-align: baseline;
		line-height: 100px;
		color: #999;
		position: absolute;
		left: 18px;
		top: 0;
	}

#isotope
{
	
}

#isotope .item
{
	width: 105px;
	height: 170px;
	position: relative;
	margin: 30px 20px;
	text-align: center;
	cursor: pointer;
	
	perspective: 1000;
		-webkit-perspective: 1000;
		-moz-perspective: 1000;

	
}

#isotope .item > .flip
{
	transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;

	transition: all 0.5s linear;
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
}

	#isotope .item:hover .flip
	{
		transform: rotateY(180deg);
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);
	}

	#isotope .front-face
	{
		width: 105px;
		height: 170px;
		position: absolute;
		background: #fff;
		border-radius: 2px;

		backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-webkit-backface-visibility: hidden;

		box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
			-moz-box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
			-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
	}

	#isotope .back-face
	{
		width: 105px;
		height: 170px;
		position: absolute;
		background: #fff;
		border-radius: 2px;
		
		transform: rotateY(180deg);
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);

		backface-visibility: hidden;
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;

		box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
			-moz-box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
			-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
	}

		#isotope .back-face .button
		{
			width: 85px;
			margin: 8px;
		}

			#isotope .back-face .button i
			{
				line-height: 19px;
				font-size: 19px;
			}

	#isotope .item img
	{
		margin: 5px;
		border: 1px solid #eee;
	}

	#isotope .item h5
	{
		width: 100%;
		margin-top: 8px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		padding-bottom: 2px;
		font-family: "Museo300";
		padding-left: 3px;
		padding-right: 3px;
	}

	#isotope .item .icon-strip > a
	{
		width: 33.33%;
		float: left;
		text-align: center;
		border: 1px solid #DDD;
		padding: 10px;
		font-size: 20px;
	}

		#isotope .item .icon-strip > a:first-child
		{
			border-left: 0;
		}

		#isotope .item .icon-strip > a:last-child
		{
			border-right: 0;
		}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

#users-table
{
	border-color: #DFDFDF;
	background-color: #F9F9F9;
	width: 100%;
	table-layout: fixed;
}

#users-table th
{
	background-color: #F1F1F1;
	background-image: -ms-linear-gradient(top,#F9F9F9,#ECECEC);
	background-image: -moz-linear-gradient(top,#F9F9F9,#ECECEC);
	background-image: -o-linear-gradient(top,#F9F9F9,#ECECEC);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#F9F9F9),to(#ECECEC));
	background-image: -webkit-linear-gradient(top,white,#ECECEC);
	background-image: linear-gradient(top,#F9F9F9,#ECECEC);
	padding: 7px 7px 8px;
	border-top-color: white;
	border-bottom-color: #DFDFDF;
	font-family: Georgia, serif;
	color: #21759B;
	font-size: 14px;
	border-right: 0;
	border-left: 0;
}

	#users-table .large
	{
		width: 15%;
	}

	#users-table .xlarge
	{
		width: 25%;
	}

	#users-table td
	{
		border-left: 0;
		border-right: 0;
		border-top-color: white;
		border-bottom-color: #DFDFDF;
		padding: 5px;
		word-wrap: break-word;
	}

	#users-table tbody tr:nth-child(odd)
	{
		background-color: #FCFCFC;
	}

#users-table form
{
	margin: 0;
	display: inline-block;
}

	#users-table form input
	{
		background: transparent;
		color: #21759B;
		display: inline;
		border: 0;
		padding: 0;
		cursor: pointer;
	}

.timeline-entry
{
	position: absolute;
	text-align: center;
	margin-top: 20px;
	left: auto;
	width: 100%;
	margin-top: 10px;
}

	.timeline-entry em
	{
		display: inline-block;
		background: #ccc;
		border-radius: 3px;
		margin: auto;
		width: 80px;
		padding: 5px;
		margin-left: -40px;
	}

.agenda-item:before
{
	width: 50%;
	height: 52px;
	border-right: 5px solid #ccc;
	margin-top: -10px;
	margin-bottom: -10px;
}

.agenda-item .agenda-time
{
	background: #F7C31E;
}


.agenda-item .agenda-link
{
	display: block;
	color: #444;
}

	.agenda-item .agenda-link strong
	{
		margin-top: 5px;
		display: block;
		font-size: 14px;
	}

	.agenda-item .agenda-link em
	{
		margin-top: 0px;
		display: block;
		font-style:normal;
		color: #999;
		font-size: 12px;
	}

#add-button-dropdown:after
{
	display: none;
}

/********************************************** 
	INVOICE
**********************************************/
#invoice
{
	background: white;
	border-radius: 1px;
	box-shadow: 0 0 1in -0.25in rgba(0, 0, 0, 0.7);
	min-height: 11in;
	margin: 0 auto;
	width: 8.5in;
	box-sizing: border-box;
	padding: 0.5in;
	position: relative;
	left: -100px;
}

	#invoice .row
	{
		min-width: 100%;
	}

	#invoice address
	{
		margin-top: 8px;
		font-style: normal;
	}

	#invoice .sub-title
	{
		background:#66C266;
		color: #fff;
		display: inline-block;
		clear: both;
		width: 100%;
		padding: 8px;
		font-family: Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		margin: 0 0 10px 0;
	}

	#invoice .table
	{
		width: 750px;
		margin-left: -30px;
	}

.table
{
	border: 0;
	display: table;
	width: 100%;
}

	.table .small
	{
		width: 10%;
	}

	.table .medium
	{
		width: 20%;
	}

	.table .large
	{
		width: 30%;
	}

	.table .xlarge
	{
		width: 40%;
	}

	.table td[contenteditable]:hover, .table td[contenteditable]:focus
	{
		background-image: -moz-linear-gradient(50% 0% -90deg,white 0%,whiteSmoke 100%);
		background-image: -webkit-gradient(linear,50% 0%,50% 93%,color-stop(0,white),color-stop(1,whiteSmoke));
		background-image: -webkit-linear-gradient(-90deg,white 0%,whiteSmoke 100%);
		background-image: -o-linear-gradient(-90deg,white 0%,whiteSmoke 100%);
		background-image: linear-gradient(-90deg,white 0%,whiteSmoke 100%);
		-moz-box-shadow: 1px 1px 0px rgba(255,255,255,0.27),inset 1px 1px 3px rgba(0,0,0,0.1);
		-webkit-box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.27),inset 1px 1px 3px rgba(0, 0, 0, 0.1);
		box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.27),inset 1px 1px 3px rgba(0, 0, 0, 0.1);
		text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.54);
	}

	.table td[contenteditable]:focus
	{
		outline: none;
	}

	.table thead th
	{
		padding: 8px 15px;
		white-space: nowrap;
		background-color: #66C266;
		color: white;
		border-right: 1px solid rgba(0, 0, 0, 0.1);
		text-transform: uppercase;
	}

	.table tbody tr td
	{
		border-right: 1px solid rgba(0, 0, 0, 0.1);
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

		.table tbody tr td.border-left
		{
			border-left: 1px solid rgba(0, 0, 0, 0.1);
		}

	.table tbody tr:nth-child(odd) td
	{
		background-color: #eee;
	}

	.table tbody tr.total-row td
	{
		background-color: #fff;
		border-bottom: 0;
		border-right: 0;
	}

	.table tbody tr.bold-row
	{
		font-weight: bold;
	}

.total-col, .grand-col
{
	background: rgba(0, 0, 0, 0.59) !important;
	color: white;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    text-align: right;
}

.table-actions
{
	background-color: #fff !important;
	border: 0 !important;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	width: 10px;
}

	.table-actions > i
	{
		visibility: hidden;
	}

.table tbody tr:hover .table-actions > i
{
	visibility: visible;
}

.no-border
{
	border: 0 !important;
}

#invoice-tools
{
	display: block;
	position: absolute;
	right: -230px;
	background: white;
	height: 500px;
	width: 200px;
	top: 0;
}

.percentageInput
{
	display: inline-block !important;
	width: 85% !important;
}

.moneyInput
{
	width: 85% !important;
	padding-left: 15px !important;
}

.moneySpan
{
	position: absolute;
	top: 32px;
	left: 5px;
}

.has-tip
{
	cursor: pointer !important;
}

#wrapper input.miniColor
{
	width: 50%;
	display: inline-block;
}

#wrapper dl.tabs
{
	border-bottom: 3px solid #d9d9d9;
	margin-bottom: 0;
}

#wrapper dl.tabs dd a
{
	font-family: 'Museo300';
	font-weight: normal;
	background-color: transparent;
	font-size: 17px;
}

#wrapper dl.tabs dd.active
{
	border: 0;
	border-bottom: 3px solid #2BA6CB;
}

#wrapper dl.tabs dd.active a
{
	border: 0;
	background-color: transparent;
	color: #2BA6CB;
}

#wrapper ul.tabs-content > li
{
	background: #fff;
	border: 3px solid #D9D9D9;
	border-top: 0;
	padding: 20px;
}

h3
{
	font-family: "Museo700";
}

#locationFilter > li
{
	width: auto;
	margin: 0px 5px;
}

.alphabet > li
{
	float: left;
	width: 20px;
	color: #999;
	text-align: center;
}

	.alphabet > li > a
	{
		padding: 1px 5px 2px 5px;
		font-size: 16px;
		font-weight: bold;
		bottom: 0;
		border-radius: 3px;
		line-height: inherit;
	}

		.alphabet > li > a.label:hover, #sort-by > li > a.label:hover
		{
			color: #fff;
		}

	.alphabet > li > span
	{
		padding: 1px 5px 2px 5px;
		font-size: 16px;
	}

#sort-by > li > a
{
	padding: 1px 5px 2px 5px;
	font-size: 16px;
	font-weight: bold;
	bottom: 0;
	border-radius: 3px;
	line-height: inherit;
}

#steps
{
	list-style: none;
	width: 100%;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	font-family: 'Museo300';
	margin-bottom: 10px;
	margin-left: -5px;
}

#steps li
{
	font-size: 24px;
	float: left;
	padding: 10px 20px;
	color: #B0B1B3;
	border-bottom: 4px solid #ccc;
}

#steps li.current {
	color: #222;
	border-bottom: 4px solid #159CE9;
}

	#steps li span
	{
		font-size: 14px;
		display: block;
	}

fieldset
{
	border: 0;
	margin: 0;
	padding: 0;
}

legend
{
	display: none;
}

label
{
	font-weight: bold;
}

.service-panel
{
	margin: auto;
	background: white;
	border-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 10px;
	position: relative;
	height: 150px;
	text-align: center;
	color: #999;
}

	.service-panel.selected, .service-panel.selected h4, .service-panel:hover, .service-panel:hover h4
	{
		color: #444;
	}

	.service-panel > h4
	{
		margin-top: 0;
		color: #999;
	}

	.service-panel input
	{
		position: absolute;
		top: 5px;
		right: 5px;
	}

.extra-service-option
{
	display: none;
	background: rgba(204, 204, 204, 0.52);
	padding: 15px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

	.extra-service-option h5
	{
		margin-top: 0;
	}

	.extra-service-option .moneySpan
	{
		position: absolute;
		top: 7px;
		left: 5px;
		font-size: 19px;
	}

	.extra-service-option .moneyInput
	{
		text-align: right;
		width: 100% !important;
		font-size: 16px;
	}

.field-validation-error
{
	color: red;
	font-size: 12px;
}

.card
{
	background: #fff;
	border-radius: 1px;
	box-shadow: 2px 2px 4px #ccc;
	padding: 25px;
	position: relative;
	margin: 10px 0;
}

	#wrapper .card .options
	{
		position: absolute;
		top: 5px;
		right: 5px;
		color: #ccc;
		-webkit-transform: rotate(90deg);
		font-size: 19px;
		background: transparent;
		border: 0;
		width: auto !important;
		height: auto !important;
		padding: 0;
		margin: 0;
	}

		.card .options ul
		{
			-webkit-transform: rotate(0deg);
		}

	.card:before
	{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		border-right: 25px solid transparent;
		border-bottom: 25px solid transparent;
		border-top: 25px solid #ccc;
	}

	.card-blue:hover:before
	{
		border-top: 25px solid #4B8DF8;
	}

	.card-green:hover:before
	{
		border-top: 25px solid #3A8E00;
	}

	.card-yellow:hover:before
	{
		border-top: 25px solid #f6f699;
	}

	.card-red:hover:before
	{
		border-top: 25px solid #D64937;
	}


	.card > h5
	{
		margin-top: -10px;
	}

.microstat
{
	margin-top: 5px;
	margin-bottom: 5px;
	width: 35.3%;
	float: left;
	padding-left: 8px;
}

.microstat:first-child
{
	width: 30%;
	border-right: 1px solid #ddd;
}

.microstat:last-child
{
	width: 30%;
	border-left: 1px solid #ddd;
}

	.microstat h5
	{
		margin-top: 5px;
		margin-bottom: 0;
	}

	.microstat p
	{
		font-size: 11px;
		text-transform: uppercase;
		margin-top: 0px;
		margin-bottom: 5px;
	}

.validation-summary-errors ul
{
    list-style: none;
}

@media only screen and (max-width: 767px) {
    #omnisearch {
        width: 95%;
        margin-left: 2.5%;
    }

    #wrapper .top-bar li > a {
        font-size: 25px;
    }

    #isotope .item {
        margin: 15px 10px;
    }

    .alphabet > li {
        width: 25%;
    }

        .alphabet > li:first-child {
            width: 100% !important;
        }

    .action-list {
        margin-left: 15px;
    }
}